.frame {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 400px;
  height: 400px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

.stage {
  position: absolute;
  width: 280px;
  height: 280px;
  inset: 0;
  margin: auto;
  background: #1d4253;
  background: linear-gradient(to bottom, #1d4253 0%, #6bb5c4 100%);
  border-radius: 50%;
  overflow: hidden;
}

.star {
  position: absolute;
  width: 1px;
  height: 1px;
  border-radius: 1px;
  background-color: #fff;
}

.star-1 {
  top: 186px;
  left: 43px;
  animation: 3.8s flickr -1.1s infinite;
}

.star-2 {
  top: 31px;
  left: 141px;
  animation: 2.5s flickr -1s infinite;
}

.star-3 {
  top: 2px;
  left: 49px;
  animation: 2.6s flickr -1s infinite;
}

.star-4 {
  top: 174px;
  left: 57px;
  animation: 2.4s flickr -1s infinite;
}

.star-5 {
  top: 206px;
  left: 159px;
  animation: 3s flickr -2s infinite;
}

.star-6 {
  top: 152px;
  left: 69px;
  animation: 2.5s flickr -2s infinite;
}

.star-7 {
  top: 202px;
  left: 24px;
  animation: 3.1s flickr -1.1s infinite;
}

.star-8 {
  top: 89px;
  left: 245px;
  animation: 2.1s flickr -1.9s infinite;
}

.star-9 {
  top: 17px;
  left: 55px;
  animation: 2.9s flickr -1.8s infinite;
}

.star-10 {
  top: 62px;
  left: 119px;
  animation: 2.7s flickr -1.9s infinite;
}

.star-11 {
  top: 140px;
  left: 201px;
  animation: 2.4s flickr -0.9s infinite;
}

.star-12 {
  top: 98px;
  left: 146px;
  animation: 2.9s flickr -0.2s infinite;
}

.star-13 {
  top: 256px;
  left: 82px;
  animation: 3.1s flickr -0.1s infinite;
}

.star-14 {
  top: 199px;
  left: 1px;
  animation: 2.9s flickr -1.2s infinite;
}

.star-15 {
  top: 149px;
  left: 252px;
  animation: 2.6s flickr -1.2s infinite;
}

.star-16 {
  top: 14px;
  left: 187px;
  animation: 3.2s flickr -0.8s infinite;
}

.star-17 {
  top: 146px;
  left: 63px;
  animation: 2.3s flickr -1.3s infinite;
}

.star-18 {
  top: 70px;
  left: 245px;
  animation: 2.9s flickr -1.4s infinite;
}

.star-19 {
  top: 149px;
  left: 233px;
  animation: 3.4s flickr -0.2s infinite;
}

.star-20 {
  top: 113px;
  left: 12px;
  animation: 2.4s flickr -1.6s infinite;
}

.star-21 {
  top: 57px;
  left: 181px;
  animation: 4s flickr -0.3s infinite;
}

.star-22 {
  top: 101px;
  left: 143px;
  animation: 2.5s flickr -1.8s infinite;
}

.star-23 {
  top: 264px;
  left: 154px;
  animation: 2.5s flickr -2s infinite;
}

.star-24 {
  top: 193px;
  left: 87px;
  animation: 3.9s flickr -0.1s infinite;
}

.star-25 {
  top: 89px;
  left: 171px;
  animation: 3.2s flickr -1.1s infinite;
}

.star-26 {
  top: 133px;
  left: 168px;
  animation: 2.8s flickr -0.7s infinite;
}

.star-27 {
  top: 123px;
  left: 234px;
  animation: 2.5s flickr -0.9s infinite;
}

.star-28 {
  top: 87px;
  left: 84px;
  animation: 3.5s flickr -0.5s infinite;
}

.star-29 {
  top: 261px;
  left: 148px;
  animation: 3s flickr -1.8s infinite;
}

.star-30 {
  top: 198px;
  left: 261px;
  animation: 2.3s flickr -0.2s infinite;
}

.star-31 {
  top: 190px;
  left: 272px;
  animation: 2.3s flickr -1.6s infinite;
}

.star-32 {
  top: 145px;
  left: 213px;
  animation: 2.1s flickr -0.8s infinite;
}

.star-33 {
  top: 217px;
  left: 163px;
  animation: 2.1s flickr -1.7s infinite;
}

.star-34 {
  top: 275px;
  left: 56px;
  animation: 2.3s flickr -0.4s infinite;
}

.star-35 {
  top: 111px;
  left: 40px;
  animation: 3.9s flickr -0.2s infinite;
}

.star-36 {
  top: 17px;
  left: 84px;
  animation: 2.3s flickr -1.5s infinite;
}

.star-37 {
  top: 195px;
  left: 203px;
  animation: 3.6s flickr -1.4s infinite;
}

.star-38 {
  top: 257px;
  left: 24px;
  animation: 3.6s flickr -1.7s infinite;
}

.star-39 {
  top: 158px;
  left: 175px;
  animation: 2.7s flickr -1.1s infinite;
}

.star-40 {
  top: 233px;
  left: 123px;
  animation: 3.2s flickr -1.7s infinite;
}

.star-41 {
  top: 176px;
  left: 241px;
  animation: 2.6s flickr -1.9s infinite;
}

.star-42 {
  top: 69px;
  left: 106px;
  animation: 3.1s flickr -1.4s infinite;
}

.star-43 {
  top: 224px;
  left: 113px;
  animation: 2.4s flickr -0.3s infinite;
}

.star-44 {
  top: 200px;
  left: 166px;
  animation: 3.5s flickr -1.3s infinite;
}

.star-45 {
  top: 7px;
  left: 188px;
  animation: 2.4s flickr -1.2s infinite;
}

.star-46 {
  top: 179px;
  left: 221px;
  animation: 2.3s flickr -1.3s infinite;
}

.star-47 {
  top: 224px;
  left: 116px;
  animation: 3.4s flickr -1.5s infinite;
}

.star-48 {
  top: 209px;
  left: 90px;
  animation: 2.7s flickr -1.6s infinite;
}

.star-49 {
  top: 258px;
  left: 216px;
  animation: 3.2s flickr -0.6s infinite;
}

.star-50 {
  top: 139px;
  left: 231px;
  animation: 3.9s flickr -0.6s infinite;
}

.star-51 {
  top: 88px;
  left: 38px;
  animation: 3.9s flickr -0.3s infinite;
}

.star-52 {
  top: 38px;
  left: 233px;
  animation: 3.1s flickr -0.2s infinite;
}

.star-53 {
  top: 184px;
  left: 125px;
  animation: 2.1s flickr -0.6s infinite;
}

.star-54 {
  top: 205px;
  left: 105px;
  animation: 2.9s flickr -0.8s infinite;
}

.star-55 {
  top: 71px;
  left: 118px;
  animation: 3.8s flickr -0.6s infinite;
}

.star-56 {
  top: 42px;
  left: 223px;
  animation: 3.5s flickr -1.7s infinite;
}

.star-57 {
  top: 247px;
  left: 25px;
  animation: 2.2s flickr -0.2s infinite;
}

.star-58 {
  top: 4px;
  left: 12px;
  animation: 4s flickr -1.5s infinite;
}

.star-59 {
  top: 108px;
  left: 24px;
  animation: 2.5s flickr -1.2s infinite;
}

.star-60 {
  top: 275px;
  left: 2px;
  animation: 3.5s flickr -0.4s infinite;
}

.star-61 {
  top: 209px;
  left: 127px;
  animation: 2.5s flickr -1.6s infinite;
}

.star-62 {
  top: 4px;
  left: 39px;
  animation: 4s flickr -0.3s infinite;
}

.star-63 {
  top: 37px;
  left: 201px;
  animation: 3.7s flickr -2s infinite;
}

.star-64 {
  top: 279px;
  left: 115px;
  animation: 3.6s flickr -0.8s infinite;
}

.star-65 {
  top: 69px;
  left: 263px;
  animation: 2.8s flickr -1s infinite;
}

.star-66 {
  top: 212px;
  left: 201px;
  animation: 3.6s flickr -0.5s infinite;
}

.star-67 {
  top: 273px;
  left: 86px;
  animation: 2.4s flickr -0.4s infinite;
}

.star-68 {
  top: 103px;
  left: 20px;
  animation: 3.2s flickr -0.3s infinite;
}

.star-69 {
  top: 264px;
  left: 243px;
  animation: 2.2s flickr -0.8s infinite;
}

.star-70 {
  top: 261px;
  left: 61px;
  animation: 3.3s flickr -1.1s infinite;
}

.star-71 {
  top: 202px;
  left: 189px;
  animation: 2.5s flickr -0.9s infinite;
}

.star-72 {
  top: 125px;
  left: 249px;
  animation: 3.3s flickr -0.9s infinite;
}

.star-73 {
  top: 51px;
  left: 140px;
  animation: 2.1s flickr -1.4s infinite;
}

.star-74 {
  top: 28px;
  left: 79px;
  animation: 3s flickr -2s infinite;
}

.star-75 {
  top: 132px;
  left: 183px;
  animation: 2.7s flickr -2s infinite;
}

.star-76 {
  top: 137px;
  left: 32px;
  animation: 3.4s flickr -1.2s infinite;
}

.star-77 {
  top: 67px;
  left: 107px;
  animation: 3.7s flickr -1.7s infinite;
}

.star-78 {
  top: 215px;
  left: 245px;
  animation: 2.4s flickr -1.4s infinite;
}

.star-79 {
  top: 199px;
  left: 262px;
  animation: 2.2s flickr -0.8s infinite;
}

.star-80 {
  top: 103px;
  left: 173px;
  animation: 2.6s flickr -0.7s infinite;
}

.star-81 {
  top: 30px;
  left: 85px;
  animation: 4s flickr -1.7s infinite;
}

.star-82 {
  top: 77px;
  left: 203px;
  animation: 3.2s flickr -1.1s infinite;
}

.star-83 {
  top: 232px;
  left: 26px;
  animation: 3.9s flickr -1.8s infinite;
}

.star-84 {
  top: 241px;
  left: 249px;
  animation: 2.4s flickr -0.7s infinite;
}

.star-85 {
  top: 263px;
  left: 200px;
  animation: 3.2s flickr -0.7s infinite;
}

.star-86 {
  top: 20px;
  left: 134px;
  animation: 2.6s flickr -0.3s infinite;
}

.star-87 {
  top: 208px;
  left: 141px;
  animation: 3s flickr -2s infinite;
}

.star-88 {
  top: 239px;
  left: 58px;
  animation: 3s flickr -1s infinite;
}

.star-89 {
  top: 142px;
  left: 263px;
  animation: 2.4s flickr -0.8s infinite;
}

.star-90 {
  top: 3px;
  left: 215px;
  animation: 3.5s flickr -1.9s infinite;
}

.star-91 {
  top: 184px;
  left: 68px;
  animation: 2.3s flickr -1.1s infinite;
}

.star-92 {
  top: 244px;
  left: 58px;
  animation: 3.9s flickr -1s infinite;
}

.star-93 {
  top: 113px;
  left: 224px;
  animation: 3.6s flickr -0.1s infinite;
}

.star-94 {
  top: 217px;
  left: 17px;
  animation: 2.8s flickr -2s infinite;
}

.star-95 {
  top: 279px;
  left: 221px;
  animation: 4s flickr -0.3s infinite;
}

.star-96 {
  top: 233px;
  left: 187px;
  animation: 3.6s flickr -1.4s infinite;
}

.star-97 {
  top: 80px;
  left: 15px;
  animation: 4s flickr -1.5s infinite;
}

.star-98 {
  top: 272px;
  left: 34px;
  animation: 3.8s flickr -1.2s infinite;
}

.star-99 {
  top: 51px;
  left: 67px;
  animation: 2.8s flickr -0.9s infinite;
}

.star-100 {
  top: 261px;
  left: 132px;
  animation: 2.5s flickr -0.2s infinite;
}

.star-101 {
  top: 194px;
  left: 53px;
  animation: 2.2s flickr -0.8s infinite;
}

.star-102 {
  top: 195px;
  left: 115px;
  animation: 2.8s flickr -0.3s infinite;
}

.star-103 {
  top: 228px;
  left: 57px;
  animation: 3.7s flickr -0.9s infinite;
}

.star-104 {
  top: 195px;
  left: 141px;
  animation: 3.4s flickr -0.7s infinite;
}

.star-105 {
  top: 130px;
  left: 152px;
  animation: 4s flickr -0.9s infinite;
}

.star-106 {
  top: 91px;
  left: 6px;
  animation: 3.3s flickr -0.5s infinite;
}

.star-107 {
  top: 203px;
  left: 52px;
  animation: 2.9s flickr -1.2s infinite;
}

.star-108 {
  top: 94px;
  left: 106px;
  animation: 3.2s flickr -0.2s infinite;
}

.star-109 {
  top: 221px;
  left: 249px;
  animation: 2.7s flickr -1.4s infinite;
}

.star-110 {
  top: 54px;
  left: 54px;
  animation: 2.4s flickr -1.3s infinite;
}

.star-111 {
  top: 156px;
  left: 58px;
  animation: 2.1s flickr -0.5s infinite;
}

.star-112 {
  top: 63px;
  left: 141px;
  animation: 2.1s flickr -0.2s infinite;
}

.star-113 {
  top: 139px;
  left: 35px;
  animation: 3s flickr -1.9s infinite;
}

.star-114 {
  top: 170px;
  left: 9px;
  animation: 3.6s flickr -0.9s infinite;
}

.star-115 {
  top: 235px;
  left: 244px;
  animation: 2.1s flickr -1.3s infinite;
}

.star-116 {
  top: 120px;
  left: 228px;
  animation: 3.1s flickr -0.7s infinite;
}

.star-117 {
  top: 203px;
  left: 45px;
  animation: 2.9s flickr -2s infinite;
}

.star-118 {
  top: 175px;
  left: 79px;
  animation: 2.2s flickr -0.8s infinite;
}

.star-119 {
  top: 112px;
  left: 25px;
  animation: 3s flickr -0.2s infinite;
}

.star-120 {
  top: 156px;
  left: 123px;
  animation: 2.4s flickr -1.1s infinite;
}

.star-121 {
  top: 192px;
  left: 217px;
  animation: 3.8s flickr -1s infinite;
}

.star-122 {
  top: 78px;
  left: 68px;
  animation: 4s flickr -1.5s infinite;
}

.star-123 {
  top: 103px;
  left: 87px;
  animation: 3.4s flickr -0.5s infinite;
}

.star-124 {
  top: 178px;
  left: 213px;
  animation: 3.6s flickr -1.1s infinite;
}

.star-125 {
  top: 41px;
  left: 6px;
  animation: 2.3s flickr -1.3s infinite;
}

.star-126 {
  top: 258px;
  left: 122px;
  animation: 4s flickr -1.4s infinite;
}

.star-127 {
  top: 31px;
  left: 41px;
  animation: 2.7s flickr -0.6s infinite;
}

.star-128 {
  top: 233px;
  left: 220px;
  animation: 2.6s flickr -0.3s infinite;
}

.star-129 {
  top: 256px;
  left: 255px;
  animation: 3.5s flickr -1.9s infinite;
}

.star-130 {
  top: 112px;
  left: 34px;
  animation: 3.4s flickr -1s infinite;
}

.star-131 {
  top: 219px;
  left: 55px;
  animation: 2.8s flickr -0.4s infinite;
}

.star-132 {
  top: 10px;
  left: 270px;
  animation: 3.8s flickr -1.4s infinite;
}

.star-133 {
  top: 63px;
  left: 227px;
  animation: 3.6s flickr -1.9s infinite;
}

.star-134 {
  top: 179px;
  left: 68px;
  animation: 3.8s flickr -0.7s infinite;
}

.star-135 {
  top: 208px;
  left: 237px;
  animation: 2.6s flickr -1.2s infinite;
}

.star-136 {
  top: 171px;
  left: 70px;
  animation: 2.8s flickr -0.8s infinite;
}

.star-137 {
  top: 225px;
  left: 75px;
  animation: 3.8s flickr -1.8s infinite;
}

.star-138 {
  top: 122px;
  left: 222px;
  animation: 3.2s flickr -0.7s infinite;
}

.star-139 {
  top: 271px;
  left: 74px;
  animation: 2.9s flickr -1s infinite;
}

.star-140 {
  top: 49px;
  left: 34px;
  animation: 2.6s flickr -0.8s infinite;
}

.star-141 {
  top: 96px;
  left: 208px;
  animation: 3.2s flickr -0.6s infinite;
}

.star-142 {
  top: 173px;
  left: 131px;
  animation: 2.4s flickr -0.2s infinite;
}

.star-143 {
  top: 62px;
  left: 189px;
  animation: 3.7s flickr -0.4s infinite;
}

.star-144 {
  top: 171px;
  left: 197px;
  animation: 2.3s flickr -0.9s infinite;
}

.star-145 {
  top: 99px;
  left: 183px;
  animation: 3.2s flickr -1.6s infinite;
}

.star-146 {
  top: 28px;
  left: 217px;
  animation: 2.6s flickr -1s infinite;
}

.star-147 {
  top: 221px;
  left: 69px;
  animation: 2.9s flickr -1.3s infinite;
}

.star-148 {
  top: 40px;
  left: 77px;
  animation: 3.6s flickr -2s infinite;
}

.star-149 {
  top: 160px;
  left: 49px;
  animation: 2.6s flickr -0.6s infinite;
}

.star-150 {
  top: 185px;
  left: 68px;
  animation: 3.6s flickr -1.8s infinite;
}

.star-151 {
  top: 179px;
  left: 130px;
  animation: 4s flickr -1.7s infinite;
}

.star-152 {
  top: 116px;
  left: 87px;
  animation: 2.8s flickr -1.4s infinite;
}

.star-153 {
  top: 238px;
  left: 134px;
  animation: 2.2s flickr -0.9s infinite;
}

.star-154 {
  top: 51px;
  left: 45px;
  animation: 2.9s flickr -1.3s infinite;
}

.star-155 {
  top: 223px;
  left: 192px;
  animation: 3s flickr -1.5s infinite;
}

.star-156 {
  top: 113px;
  left: 226px;
  animation: 3.2s flickr -0.3s infinite;
}

.star-157 {
  top: 280px;
  left: 41px;
  animation: 2.4s flickr -1.8s infinite;
}

.star-158 {
  top: 68px;
  left: 67px;
  animation: 4s flickr -1.6s infinite;
}

.star-159 {
  top: 249px;
  left: 176px;
  animation: 2.2s flickr -0.8s infinite;
}

.star-160 {
  top: 192px;
  left: 197px;
  animation: 3.4s flickr -2s infinite;
}

.star-161 {
  top: 48px;
  left: 111px;
  animation: 2.1s flickr -2s infinite;
}

.star-162 {
  top: 65px;
  left: 215px;
  animation: 2.7s flickr -0.9s infinite;
}

.star-163 {
  top: 27px;
  left: 209px;
  animation: 3.8s flickr -0.7s infinite;
}

.star-164 {
  top: 12px;
  left: 192px;
  animation: 2.8s flickr -1.6s infinite;
}

.star-165 {
  top: 53px;
  left: 277px;
  animation: 3.8s flickr -0.1s infinite;
}

.star-166 {
  top: 107px;
  left: 259px;
  animation: 2.2s flickr -1.8s infinite;
}

.star-167 {
  top: 138px;
  left: 140px;
  animation: 3.1s flickr -0.2s infinite;
}

.star-168 {
  top: 255px;
  left: 143px;
  animation: 3.2s flickr -0.7s infinite;
}

.star-169 {
  top: 244px;
  left: 37px;
  animation: 3.6s flickr -0.4s infinite;
}

.star-170 {
  top: 190px;
  left: 225px;
  animation: 2.1s flickr -0.2s infinite;
}

.star-171 {
  top: 232px;
  left: 265px;
  animation: 2.6s flickr -0.8s infinite;
}

.star-172 {
  top: 187px;
  left: 248px;
  animation: 2.9s flickr -1.4s infinite;
}

.star-173 {
  top: 107px;
  left: 169px;
  animation: 2.9s flickr -2s infinite;
}

.star-174 {
  top: 107px;
  left: 154px;
  animation: 3.9s flickr -1.7s infinite;
}

.star-175 {
  top: 188px;
  left: 259px;
  animation: 4s flickr -1.8s infinite;
}

.star-176 {
  top: 207px;
  left: 79px;
  animation: 3.2s flickr -1.5s infinite;
}

.star-177 {
  top: 125px;
  left: 253px;
  animation: 3.5s flickr -0.5s infinite;
}

.star-178 {
  top: 178px;
  left: 103px;
  animation: 4s flickr -0.1s infinite;
}

.star-179 {
  top: 183px;
  left: 43px;
  animation: 3.5s flickr -1.2s infinite;
}

.star-180 {
  top: 193px;
  left: 211px;
  animation: 2.4s flickr -1s infinite;
}

.star-181 {
  top: 126px;
  left: 169px;
  animation: 2.2s flickr -1.2s infinite;
}

.star-182 {
  top: 74px;
  left: 18px;
  animation: 3s flickr -2s infinite;
}

.star-183 {
  top: 117px;
  left: 146px;
  animation: 2.4s flickr -1.6s infinite;
}

.star-184 {
  top: 154px;
  left: 54px;
  animation: 2.6s flickr -0.7s infinite;
}

.star-185 {
  top: 50px;
  left: 85px;
  animation: 3.1s flickr -1.3s infinite;
}

.star-186 {
  top: 269px;
  left: 133px;
  animation: 3.9s flickr -0.7s infinite;
}

.star-187 {
  top: 136px;
  left: 21px;
  animation: 2.4s flickr -0.3s infinite;
}

.star-188 {
  top: 44px;
  left: 110px;
  animation: 2.4s flickr -0.2s infinite;
}

.star-189 {
  top: 199px;
  left: 236px;
  animation: 3.7s flickr -1.2s infinite;
}

.star-190 {
  top: 214px;
  left: 265px;
  animation: 3.7s flickr -0.2s infinite;
}

.star-191 {
  top: 134px;
  left: 15px;
  animation: 2.5s flickr -0.2s infinite;
}

.star-192 {
  top: 103px;
  left: 11px;
  animation: 3s flickr -0.3s infinite;
}

.star-193 {
  top: 77px;
  left: 174px;
  animation: 2.3s flickr -1.8s infinite;
}

.star-194 {
  top: 188px;
  left: 126px;
  animation: 4s flickr -0.2s infinite;
}

.star-195 {
  top: 6px;
  left: 6px;
  animation: 3.6s flickr -1.5s infinite;
}

.star-196 {
  top: 138px;
  left: 44px;
  animation: 3.7s flickr -0.9s infinite;
}

.star-197 {
  top: 125px;
  left: 57px;
  animation: 2.3s flickr -1.7s infinite;
}

.star-198 {
  top: 3px;
  left: 71px;
  animation: 2.4s flickr -0.1s infinite;
}

.star-199 {
  top: 56px;
  left: 127px;
  animation: 2.1s flickr -1.9s infinite;
}

.star-200 {
  top: 226px;
  left: 5px;
  animation: 3.3s flickr -0.5s infinite;
}

.star-201 {
  top: 160px;
  left: 40px;
  animation: 2.5s flickr -0.5s infinite;
}

.star-202 {
  top: 7px;
  left: 98px;
  animation: 2.1s flickr -1.9s infinite;
}

.star-203 {
  top: 35px;
  left: 250px;
  animation: 2.1s flickr -0.6s infinite;
}

.star-204 {
  top: 155px;
  left: 196px;
  animation: 2.6s flickr -0.7s infinite;
}

.star-205 {
  top: 196px;
  left: 24px;
  animation: 2.1s flickr -1.5s infinite;
}

.star-206 {
  top: 178px;
  left: 246px;
  animation: 3.4s flickr -0.2s infinite;
}

.star-207 {
  top: 228px;
  left: 137px;
  animation: 2.4s flickr -0.9s infinite;
}

.star-208 {
  top: 115px;
  left: 62px;
  animation: 4s flickr -1.1s infinite;
}

.star-209 {
  top: 121px;
  left: 203px;
  animation: 2.1s flickr -0.9s infinite;
}

.star-210 {
  top: 38px;
  left: 27px;
  animation: 2.7s flickr -0.4s infinite;
}

.star-211 {
  top: 159px;
  left: 13px;
  animation: 3.1s flickr -1.6s infinite;
}

.star-212 {
  top: 86px;
  left: 103px;
  animation: 3.9s flickr -1.6s infinite;
}

.star-213 {
  top: 85px;
  left: 69px;
  animation: 3.1s flickr -1.9s infinite;
}

.star-214 {
  top: 97px;
  left: 262px;
  animation: 3.2s flickr -0.4s infinite;
}

.star-215 {
  top: 1px;
  left: 135px;
  animation: 2.4s flickr -0.5s infinite;
}

.star-216 {
  top: 274px;
  left: 64px;
  animation: 3.7s flickr -1.7s infinite;
}

.star-217 {
  top: 54px;
  left: 197px;
  animation: 2.2s flickr -0.2s infinite;
}

.star-218 {
  top: 279px;
  left: 217px;
  animation: 3.7s flickr -1.1s infinite;
}

.star-219 {
  top: 165px;
  left: 116px;
  animation: 2.2s flickr -0.5s infinite;
}

.star-220 {
  top: 225px;
  left: 152px;
  animation: 3.6s flickr -1.5s infinite;
}

.star-221 {
  top: 57px;
  left: 56px;
  animation: 2.3s flickr -1.4s infinite;
}

.star-222 {
  top: 220px;
  left: 251px;
  animation: 2.2s flickr -1.3s infinite;
}

.star-223 {
  top: 50px;
  left: 25px;
  animation: 3.8s flickr -1.4s infinite;
}

.star-224 {
  top: 271px;
  left: 185px;
  animation: 2.8s flickr -0.7s infinite;
}

.star-225 {
  top: 276px;
  left: 251px;
  animation: 2.4s flickr -1.5s infinite;
}

.star-226 {
  top: 80px;
  left: 175px;
  animation: 3s flickr -1.9s infinite;
}

.star-227 {
  top: 234px;
  left: 112px;
  animation: 3.9s flickr -0.9s infinite;
}

.star-228 {
  top: 29px;
  left: 39px;
  animation: 3.6s flickr -0.7s infinite;
}

.star-229 {
  top: 256px;
  left: 100px;
  animation: 3.8s flickr -1.6s infinite;
}

.star-230 {
  top: 72px;
  left: 189px;
  animation: 3s flickr -0.9s infinite;
}

.star-231 {
  top: 106px;
  left: 49px;
  animation: 3.9s flickr -1.2s infinite;
}

.star-232 {
  top: 235px;
  left: 103px;
  animation: 3.5s flickr -1.3s infinite;
}

.star-233 {
  top: 19px;
  left: 4px;
  animation: 4s flickr -0.7s infinite;
}

.star-234 {
  top: 3px;
  left: 140px;
  animation: 3.8s flickr -1.6s infinite;
}

.star-235 {
  top: 40px;
  left: 47px;
  animation: 2.6s flickr -1.7s infinite;
}

.star-236 {
  top: 101px;
  left: 279px;
  animation: 3.3s flickr -0.2s infinite;
}

.star-237 {
  top: 235px;
  left: 8px;
  animation: 3.8s flickr -0.3s infinite;
}

.star-238 {
  top: 136px;
  left: 36px;
  animation: 3.8s flickr -1.3s infinite;
}

.star-239 {
  top: 108px;
  left: 214px;
  animation: 3.9s flickr -1.4s infinite;
}

.star-240 {
  top: 62px;
  left: 47px;
  animation: 2.4s flickr -1.5s infinite;
}

.star-241 {
  top: 29px;
  left: 67px;
  animation: 2.1s flickr -1s infinite;
}

.star-242 {
  top: 208px;
  left: 185px;
  animation: 4s flickr -1.1s infinite;
}

.star-243 {
  top: 239px;
  left: 216px;
  animation: 4s flickr -0.2s infinite;
}

.star-244 {
  top: 71px;
  left: 246px;
  animation: 3.3s flickr -0.3s infinite;
}

.star-245 {
  top: 89px;
  left: 60px;
  animation: 2.7s flickr -1.4s infinite;
}

.star-246 {
  top: 25px;
  left: 73px;
  animation: 3.1s flickr -2s infinite;
}

.star-247 {
  top: 187px;
  left: 34px;
  animation: 3.7s flickr -0.9s infinite;
}

.star-248 {
  top: 119px;
  left: 242px;
  animation: 3.6s flickr -0.2s infinite;
}

.star-249 {
  top: 82px;
  left: 128px;
  animation: 2.5s flickr -0.3s infinite;
}

.star-250 {
  top: 80px;
  left: 124px;
  animation: 3.7s flickr -1.2s infinite;
}

.star-251 {
  top: 77px;
  left: 15px;
  animation: 4s flickr -0.2s infinite;
}

.star-252 {
  top: 76px;
  left: 125px;
  animation: 2.3s flickr -0.1s infinite;
}

.star-253 {
  top: 258px;
  left: 35px;
  animation: 2.7s flickr -0.6s infinite;
}

.star-254 {
  top: 246px;
  left: 206px;
  animation: 2.7s flickr -1.3s infinite;
}

.star-255 {
  top: 265px;
  left: 50px;
  animation: 2.2s flickr -0.4s infinite;
}

.star-256 {
  top: 20px;
  left: 120px;
  animation: 4s flickr -1.5s infinite;
}

.star-257 {
  top: 57px;
  left: 215px;
  animation: 2.7s flickr -1.4s infinite;
}

.star-258 {
  top: 139px;
  left: 100px;
  animation: 3.5s flickr -1.2s infinite;
}

.star-259 {
  top: 78px;
  left: 41px;
  animation: 3s flickr -0.8s infinite;
}

.star-260 {
  top: 128px;
  left: 66px;
  animation: 3.5s flickr -0.6s infinite;
}

.star-261 {
  top: 264px;
  left: 171px;
  animation: 3.6s flickr -1.6s infinite;
}

.star-262 {
  top: 147px;
  left: 215px;
  animation: 3.2s flickr -0.1s infinite;
}

.star-263 {
  top: 59px;
  left: 97px;
  animation: 3.2s flickr -0.2s infinite;
}

.star-264 {
  top: 3px;
  left: 228px;
  animation: 2.3s flickr -1.6s infinite;
}

.star-265 {
  top: 41px;
  left: 146px;
  animation: 2.6s flickr -1.7s infinite;
}

.star-266 {
  top: 121px;
  left: 9px;
  animation: 3.1s flickr -1s infinite;
}

.star-267 {
  top: 56px;
  left: 131px;
  animation: 2.5s flickr -1.4s infinite;
}

.star-268 {
  top: 63px;
  left: 117px;
  animation: 2.1s flickr -1.5s infinite;
}

.star-269 {
  top: 277px;
  left: 108px;
  animation: 2.1s flickr -1s infinite;
}

.star-270 {
  top: 166px;
  left: 139px;
  animation: 3.5s flickr -1s infinite;
}

.star-271 {
  top: 58px;
  left: 203px;
  animation: 3.7s flickr -1.5s infinite;
}

.star-272 {
  top: 265px;
  left: 100px;
  animation: 3.1s flickr -0.1s infinite;
}

.star-273 {
  top: 177px;
  left: 250px;
  animation: 3.3s flickr -0.1s infinite;
}

.star-274 {
  top: 146px;
  left: 35px;
  animation: 4s flickr -1.7s infinite;
}

.star-275 {
  top: 8px;
  left: 147px;
  animation: 2.4s flickr -2s infinite;
}

.star-276 {
  top: 25px;
  left: 62px;
  animation: 3.9s flickr -1.8s infinite;
}

.star-277 {
  top: 280px;
  left: 183px;
  animation: 2.7s flickr -1.3s infinite;
}

.star-278 {
  top: 238px;
  left: 198px;
  animation: 2.5s flickr -0.9s infinite;
}

.star-279 {
  top: 147px;
  left: 46px;
  animation: 4s flickr -0.6s infinite;
}

.star-280 {
  top: 108px;
  left: 150px;
  animation: 2.7s flickr -1.8s infinite;
}

.star-281 {
  top: 21px;
  left: 167px;
  animation: 2.6s flickr -1s infinite;
}

.star-282 {
  top: 166px;
  left: 187px;
  animation: 2.8s flickr -0.2s infinite;
}

.star-283 {
  top: 104px;
  left: 266px;
  animation: 4s flickr -0.5s infinite;
}

.star-284 {
  top: 217px;
  left: 55px;
  animation: 3s flickr -0.6s infinite;
}

.star-285 {
  top: 145px;
  left: 177px;
  animation: 3.5s flickr -0.8s infinite;
}

.star-286 {
  top: 5px;
  left: 261px;
  animation: 2.8s flickr -1.7s infinite;
}

.star-287 {
  top: 141px;
  left: 144px;
  animation: 3s flickr -1s infinite;
}

.star-288 {
  top: 248px;
  left: 254px;
  animation: 2.1s flickr -0.9s infinite;
}

.star-289 {
  top: 232px;
  left: 138px;
  animation: 2.6s flickr -1.4s infinite;
}

.star-290 {
  top: 200px;
  left: 265px;
  animation: 3.5s flickr -0.7s infinite;
}

.star-291 {
  top: 247px;
  left: 25px;
  animation: 2.6s flickr -0.8s infinite;
}

.star-292 {
  top: 228px;
  left: 180px;
  animation: 3.7s flickr -1s infinite;
}

.star-293 {
  top: 118px;
  left: 258px;
  animation: 2.3s flickr -1.9s infinite;
}

.star-294 {
  top: 171px;
  left: 135px;
  animation: 2.8s flickr -0.9s infinite;
}

.star-295 {
  top: 234px;
  left: 172px;
  animation: 2.2s flickr -0.3s infinite;
}

.star-296 {
  top: 124px;
  left: 46px;
  animation: 2.7s flickr -0.7s infinite;
}

.star-297 {
  top: 149px;
  left: 137px;
  animation: 3.3s flickr -0.4s infinite;
}

.star-298 {
  top: 29px;
  left: 143px;
  animation: 2.3s flickr -0.8s infinite;
}

.star-299 {
  top: 152px;
  left: 219px;
  animation: 3.8s flickr -1.9s infinite;
}

.star-300 {
  top: 67px;
  left: 69px;
  animation: 2.1s flickr -0.9s infinite;
}

.shooting-star {
  position: absolute;
  top: 0;
  left: -120px;
  width: 120px;
  height: 2px;
  background: url(https://100dayscss.com/codepen/shooting-star.png) center center no-repeat;
  background-size: 100% 100%;
  transform: rotate(20deg);
}

.shooting-star-1 {
  top: 44px;
  animation: 23s shooting-star 2.8s infinite;
}

.shooting-star-2 {
  top: 26px;
  animation: 21s shooting-star 10.1s infinite;
}

.shooting-star-3 {
  top: 50px;
  animation: 21s shooting-star 6.4s infinite;
}

.shooting-star-4 {
  top: 49px;
  animation: 21s shooting-star 23.7s infinite;
}

.shooting-star-5 {
  top: 67px;
  animation: 23s shooting-star 9.2s infinite;
}

.shooting-star-6 {
  top: -17px;
  animation: 23s shooting-star 15.5s infinite;
}

@keyframes flickr {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes shooting-star {
  0% {
    transform: translate3d(0, 0, 0) rotate(20deg);
  }
  10%, 100% {
    transform: translate3d(451px, 164px, 0) rotate(20deg);
  }
}